

    <link href="CSS/facets2.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="JQuery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="JQuery/common.js"></script>
    <script type="text/javascript" src="JQuery/jquery.clip.js"></script>
    <script type="text/javascript" src="JQuery/jquery.facets.js"></script>
    <script type="text/javascript">
       $(document).ready(function() {         
            $('#main-image-box').children().removeClass('facets').end().facets({
                    clipSpacing: 2,
                    minWidth: 25,
                    animationSpeed: 350,
                    minimizeTimeout: 150,
                    sense: true,
                    contentRelations: true,
                    beforeMax: function(index) {
			$('#main-image-box .clip:eq('+index+') .infotext').show();
                    },
                    beforeMin: function(index) {
                            $('#main-image-box .clip:eq('+index+')').find('p').hide().end().find('.infotext').hide();
                    }
            });
    });
    </script>
  
    <div id="navigation-panel">
      <div class="shadow" id="main-image-box" style="border:2px solid black; border-radius: 10px;">
          <div class="clip facets" id="calcio" >
              <a href="/mfm-centro-sportivo-war/GeneralController?submit=visualizzaElencoCampi&sport=calcetto">
                <div class="container">
                  <h1>Calcio</h1>
                </div>
              </a>
          </div>
          <div class="clip facets" id="basket">
              <a href="/mfm-centro-sportivo-war/GeneralController?submit=visualizzaElencoCampi&sport=basket">
                <div class="container">
                    <h1>Basket</h1>
                </div>
              </a>
          </div>
          <div class="clip facets" id="tennis">
              <div class="container">
                  <a href="/mfm-centro-sportivo-war/GeneralController?submit=visualizzaElencoCampi&sport=tennis">
                    <h1>Tennis</h1>                  
                  </a>
              </div>
          </div>
          <div class="clip facets" id="eventi">
                <a href="GeneralController?submit=showevent">
                    <div class="container">
                        <h1>Eventi</h1>
                    </div>
                </a>
          </div>
      </div>
    </div>
